<style>
  .{{$template|escape:'html'}}_page {
    width: 900px;
  }
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    height: 23px;
    border-top: solid 1px #694247;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 320px;
    height: 23px;
  }
  .{{$template|escape:'html'}}_td1 {
    border-right: solid 1px #fff;
    width: 60px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td2 {
    border-right: solid 1px #fff;
    width: 125px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    padding :0 0 0 5px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td3 {
    border-right: solid 1px #fff;
    width: 73px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td4 {
    border-right: solid 1px #fff;
    width: 67px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    padding :0 0 0 5px;
  }
  .{{$template|escape:'html'}}_td5 {
    border-right: solid 1px #fff;
    width: 27px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 157px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    padding :0 0 0 5px;
    border-right: solid 1px #694247;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 160px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    padding :0 0 0 5px;
    border-right: solid 1px #fff;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 60px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    padding :0 0 0 5px;
    border-right: solid 1px #fff;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 60px;
    height: 23px;
    font-weight :bold;
    font-size :10pt;
    color :white;
    text-align: center;
    border-right: solid 1px #fff;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 20px;
    border-right: solid 1px #fff;
  }
  .{{$template|escape:'html'}}_select {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 120px;
    height: 20px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_display {
    font-weight :bold;
    font-size :10pt;
    color :#694247;
    margin-right:3px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      var gui = GuiPageB1DeleteExpense.instance('{{$template|escape:'javascript'}}');
      new HandlePageB1DeleteExpense(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div style="width:{{$smarty.const.PAGE_WIDTH|escape:'html'}}" align="left">
<table style="width:900px;margin-bottom:5px;" cellPadding="0" cellSpacing="0">
  <tr>
    <td align="right" valign="middle">
      <span class="{{$template|escape:'html'}}_display">Display :</span>
      <select id="{{$template|escape:'html'}}_display_select" class="{{$template|escape:'html'}}_select"></select>
    </td>
  </tr>
  <tr>
    <td align="left" valign="middle">
      <input type="button" value="Approve" id="{{$template|escape:'html'}}_approve_button"></input>
    </td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_page" cellPadding="0" cellSpacing="0">
<tr>
  <td class="{{$template|escape:'html'}}_page">
    <div id="{{$template|escape:'html'}}_page_div"></div>
  </td>
</tr>
</table>
<table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0" id ="{{$template|escape:'html'}}_main_table">
  <tr style="background-color: #7a5052;">
    <td class="{{$template|escape:'html'}}_td10">
      <input type = "checkbox" id="{{$template|escape:'html'}}_checkAll_checkbox" ></input>
    </td>
    <td class="{{$template|escape:'html'}}_td9">Date</td>
    <td class="{{$template|escape:'html'}}_td8">Operator</td>
    <td class="{{$template|escape:'html'}}_td7">Delete reason</td>
    <td class="{{$template|escape:'html'}}_td1"><span style="letter-spacing:2px">C/</span>Date</td>
    <td class="{{$template|escape:'html'}}_td1"><span style="letter-spacing:2px">P/</span>Date</td>
    <td class="{{$template|escape:'html'}}_td1">Payer</td>
    <td class="{{$template|escape:'html'}}_td2">Particulars</td>
    <td class="{{$template|escape:'html'}}_td4">Amount</td>
    <td class="{{$template|escape:'html'}}_td3">Method</td>
    <td class="{{$template|escape:'html'}}_td4"><span style="letter-spacing:2px">Q/N</span></td>
    <td class="{{$template|escape:'html'}}_td5">NG</td>
    <td class="{{$template|escape:'html'}}_td5">NE</td>
    <td class="{{$template|escape:'html'}}_td6">Note</td>
  </tr>
</table>
</div>
